import { Entypo, MaterialCommunityIcons } from "@expo/vector-icons";
import { Tabs } from "expo-router";
import Colors from "@/constants/Colors";
import React from "react";
import GuidedAffirmationsGallery from "@/components/GuidedAffirmationsGallery";
export const unstable_settings = {
    // 被设置为 "(tabs)"，表示初始路由是底部导航栏.
    initialRouteName: "(tabs)",
};

const Page = () => {
    return (
        <Tabs
            screenOptions={{
                headerShown: false,//隐藏导航栏的标
                tabBarActiveTintColor: Colors.primary,//设置活动标签的颜色为
            }}
        >
            <Tabs.Screen
                name="nature-meditate"//文件名
                options={{
                    tabBarLabel: "Meditate",//设置标签页的文本为 "Meditate
                    tabBarIcon: ({ color }) => (
                        <MaterialCommunityIcons
                            name="flower-tulip"
                            size={24}
                            color={color}
                        />//这是一个矢量图标组件，用于显示图标
                    ),
                }}
            />
            <Tabs.Screen
                name="affirmations" //文件名
                options={{
                    tabBarLabel: "Affirmations",//页面名
                    tabBarIcon: ({ color }) => (
                        <Entypo name="open-book" size={24} color={color} />
                    ),
                }}
            />
        </Tabs>
    );
};

export default Page;
